<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../bootstrap5/css/bootstrap.min.css">
  <link rel="stylesheet/less" href="../common.less"><!--公共样式，清除样式 -->
  <link rel="stylesheet/less" href="./index.less" /><!--独自样式 -->
  <script src="../assets/less-4.1.3.js"></script>
  <title>联系我们</title>
</head>

<body>
  <header>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
      <div class="container">
        <a class="navbar-brand" href="#">
          <img src="../assets/logo.png" alt="Logo" class="d-inline-block align-text-top">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
          aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
          <div class="navbar-nav">
            <a class="nav-link" href="../index.html">首页</a>
            <a class="nav-link " href="../about">关于我们</a>
            <a class="nav-link" href="../product">产品中心</a>
            <a class="nav-link" href="../appointment">预约设计</a>
            <a class="nav-link" href="../news">新闻资讯</a>
            <a class="nav-link" href="../service">服务平台</a>
            <a class="nav-link active" href="../contact">联系我们</a>
          </div>
        </div>
      </div>
    </nav>
  </header>
  <div class="banner">
    <img src="./images/banner.png" class="d-block w-100" alt="...">
  </div>
  <div class="row content_box">
    <div class="box col-8 col-sm-6 col-lg-4 mx-auto">
      <h1>联系我们</h1>
      <h2>客服工作时间</h2>
      <h3>周一至周日：8:00-23:00</h3>
      <h4>致电我们：400-601-6337</h4>
      <div class="btn1">开始在线咨询</div>
      <div class="btn2">发送信息</div>
    </div>
  </div>

  <div class="content">
    <div class="container">
      <div class="row">
        <h1>自主查阅内容</h1>
        <div class="items row">
          <div class="item col-md-3 col-6 mb-3 mb-md-0 text-center">
            <span class="title">新手上路</span>
            <span class="tip">注册新用户</span>
            <span class="tip">购物无忧</span>
            <span class="tip">常见问题解答</span>
            <span class="tip"></span>
          </div>
          <div class="item col-md-3 col-6 mb-3 mb-md-0 text-center">
            <span class="title">售后保障</span>
            <span class="tip">物流配送</span>
            <span class="tip">收货指南</span>
            <span class="tip">退换流程</span>
            <span class="tip">质保说明</span>
          </div>
          <div class="item col-md-3 col-6 mb-3 mb-md-0 text-center">
            <span class="title">购物无忧</span>
            <span class="tip">正品保证</span>
            <span class="tip">注册协议</span>
            <span class="tip">隐私政策</span>
            <span class="tip">免责声明</span>
          </div>
          <div class="item col-md-3 col-6 mb-3 mb-md-0 text-center">
            <span class="title">特色服务</span>
            <span class="tip">麻烦设计</span>
            <span class="tip">自由定制</span>
            <span class="tip"></span>
            <span class="tip"></span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer>
    <div class="container top">
      <div class="row">
        <div class="item col-xl-1 col-lg-4 col-md-4 col-sm-4 col-6 text-xl-start text-center mx-auto">
          <span class="title">关于我们</span>
          <a href="#">公司简介</a>
          <a href="#">文化产品</a>
          <a href="#">发展历程</a>
          <a href="#"></a>
        </div>
        <div class="item col-xl-1 col-lg-4 col-md-4 col-sm-4 col-6 text-xl-start text-center mx-auto">
          <span class="title">产品中心</span>
          <a href="#">现代都市</a>
          <a href="#">折叠城市</a>
          <a href="#">清风物语</a>
          <a href="#">落落星辰</a>
        </div>
        <div class="item col-xl-1 col-lg-4 col-md-4 col-sm-4 col-6 text-xl-start text-center mx-auto">
          <span class="title">预约设计</span>
          <a href="#">精牌设计</a>
          <a href="#">设计申请</a>
          <a href="#">客服案例</a>
          <a href="#"></a>
        </div>
        <div class="item col-xl-1 col-lg-4 col-md-4 col-sm-4 col-6 text-xl-start text-center mx-auto">
          <span class="title">新闻资讯</span>
          <a href="#">品牌咨询</a>
          <a href="#">热门观点</a>
          <a href="#">家居动态</a>
          <a href="#">精彩视频</a>
        </div>
        <div class="item col-xl-1 col-lg-4 col-md-4 col-sm-4 col-6 text-xl-start text-center mx-auto">
          <span class="title">服务平台</span>
          <a href="#">理念服务</a>
          <a href="#">服务支持</a>
          <a href="#">服务承诺</a>
          <a href="#">在线保修</a>
        </div>
        <div class="right col-xl-4 col-lg-4 col-md-4 col-sm-4 col-6   mx-auto">
          <span class="title">联系我们</span>
          <div class="info">
            <div class="item">
              <img src="../assets/footer_icon1.png" alt="">
              <span>河南省-郑州高新区-万仙山-万仙洞</span>
            </div>
            <div class="item">
              <img src="../assets/footer_icon2.png" alt="">
              <span>110-123456789</span>
            </div>
            <div class="item">
              <img src="../assets/footer_icon3.png" alt="">
              <span>www.110.com</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
    <div class="container bottom">
      <div class="row">
        <div class="left col-lg-8 text-center text-lg-start">
          © 2017姿在家家居用品股份有限公司版权所有法 律 声 明 及 隐 私 权 政 策 · 知 识 产 权新ICP备 05003
        </div>
        <div class="right col-lg-4 text-center text-lg-start">
          <span>友情链接：</span><img src="../assets/footer_icons.png" alt="">
        </div>
      </div>
    </div>
  </footer>
  <script src="../bootstrap5/js/bootstrap.bundle.min.js"></script>
</body>

</html>